<template>
    <div class="singer-album" >
        <div  style="display: flex;justify-content: space-around;margin-top: -100px;position: relative;z-index: 2">
            <album-content :songList="listOfSongs" style="width: 980px">
                <template slot="title">七天热榜</template>
            </album-content>
        </div>
    </div>
</template>

<script>
    import {mixin} from "../../mixins";
    import AlbumContent from "../../components/AlbumContent";
    import {mapGetters} from "vuex";

    export default {
        name: "WeekPopList",
        mixins: [mixin],
        components:{
            AlbumContent
        },
        data(){
            return {
            }
        },
        computed:{
            ...mapGetters([
                'listOfSongs',      //当前播放列表
            ])
        },
        created(){
            this.getRecentUpdateList();
        },
        methods:{
            getRecentUpdateList(){
                this.getRequest('/user/rec/recupdate/').then(res=>{
                    this.$store.commit('setListOfSongs',res);
                })
                    .catch(err=>{
                        console.log(err)
                    })
            }
        }
    }
</script>

<style lang="scss" scoped>
    @import '../../assets/css/singer-album.scss';
    @import '../../assets/css/index.scss';
</style>
